import Btn from './components/Btn'
// 如果组件导出用的export default xxx 导入时候不要加{} 导入的名字可以自己随意定义
// 如果组件导出时候没有用default关键字 需要用{} 结构
import { useState } from 'react';
import {Step} from './components/Step'
function App() {
  // w宽，s文字大小
  const [w,setW] =useState(100);
  const [s,setS] = useState(14);
  // reqct 子传父通过props回调函数
  // react 父传子通过props
  return ( <>
  <Btn/>
  <Btn/>
  <Step num={w} onChange={setW} step={10}>
    <span>宽高</span>
  </Step>
  {/* <Step num={s} onChange={setS}>
     文字大小 
  </Step> */}
  <div style={{width:w,fontSize:s,border:'1px solid red'}}>
    我是行可爱的文字
  </div>
  </> );
}

export default App;